<template>
  <div class="some-where padding-0-30 margin-top-2">
    <div class="some-where-title">为你推荐</div>
    <div class="margin-top-2">
      <div class="two-column-grid">
        <div class="wrap-image" v-for="(sell,index) in sells" :key="index">
          <img :src="sell.images" alt="" class="imgs border-radiu-2" />
          <div class="wrap-title">{{ sell.title }}</div>
        </div>
        <!-- <div class="wrap-image">
          <img src="../../assets/img/home/文化.png" alt="" class="imgs border-radiu-2" />
          <div>推荐1</div>
        </div>
        <div class="wrap-image">
          <img src="../../assets/img/home/推荐2.jpg" alt="" class="imgs border-radiu-2" />
          <div>推荐1</div>
        </div>
        <div class="wrap-image">
          <img src="../../assets/img/home/推荐3.png" alt="" class="imgs border-radiu-2" />
          <div>推荐1</div>
        </div>
        <div class="wrap-image">
          <img src="../../assets/img/home/推荐4.jpg" alt="" class="imgs border-radiu-2" />
          <div>推荐1</div>
        </div> -->
    
      </div>
    </div>
  </div>
</template>
  
  <script>
export default {
  name: "recommend",
  data() {
    return {
      sells:[
        {images:require("../../assets/img/home/推荐1.png"),title:"推荐1"},
        {images:require("../../assets/img/home/文化.png"),title:"推荐1"},
        {images:require("../../assets/img/home/推荐2.jpg"),title:"推荐1"},
        {images:require("../../assets/img/home/推荐3.png"),title:"推荐1"},
        {images:require("../../assets/img/home/推荐4.jpg"),title:"推荐1"},
      ]
    };
  },
  methods: {},
};
</script>
  
  <style scoped>
.recommend-images {
  background-image: url("../../assets/img/home/文化.png");
}
</style>